<%@ page title="" language="C#" masterpagefile="~/RealtimeSite.master" autoeventwireup="true" inherits="Roaster_Shift, App_Web_v22zhzdt" %>
  <%@ Register Assembly="Heidarpour.WebControlUI" Namespace="Heidarpour.WebControlUI"
    TagPrefix="rhp" %>
<%@ Register   Assembly="AjaxControlToolkit"
    Namespace="AjaxControlToolkit"
    TagPrefix="AjaxControlToolkit" %>
    <%@ Register   Assembly="AjaxControlToolkit"
    Namespace="AjaxControlToolkit"
    TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
 <link href="css/googleapis.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
 
                     .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .05rem 0rem;
    /* margin-bottom: 1rem; */
    list-style: none;
    background-color: #fff !important;
    border-radius: .25rem;
    color: #E15C11;
    font-size: 18px;
    font-weight: 500;
}
                        .card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
      margin-top: -37px;
    padding: 7px !important;
}
.grid-lable {
    height: 150px;
    overflow-y: scroll;
    border: 1px solid #ddd;
    margin-left: -10px;
    margin-right: -10px;
    padding: 6px;
}
.grid-lable span {
        font-size: 15px !important;
    line-height: 1.52857 !important;
    color: #333 !important;
    font-weight: 200 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
}

.grid-lable1 span
{
    font-size: 13px !important;
    line-height: 1.42857 !important;
    color: #333 !important;
    font-weight: 600 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
}
#MainContent_btnremove
{
    margin-top:10px;
}
#MainContent_btnadd
{
       margin-top:10px;
}
#MainContent_Label18
{
    font-size:13px;
    font-weight:bold;
}
#MainContent_Label19
{
     font-size:13px;
    font-weight:bold;
}
#MainContent_lbldays0
{
      font-size:13px;
    font-weight:bold;   
}
#MainContent_lblRosterShiftDetails
{
        font-size: 15px;
    font-weight: 600;
}
#inputSearch
{
    margin-top: 3px;
    margin-bottom: 9px;
}
#MainContent_lblshiftorder
{
    font-size: 15px;
    color: #000;
    font-weight: 600;
}
        </style>
    <script language="javascript" type="text/javascript">
// <![CDATA[




        function numberOnlyExample() {
            if ((event.keyCode < 48) || (event.keyCode > 57))
                return false;
        }

        

// ]]>
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
   
 
             <div class="main-panel">
        <div class="content">
        <div class="container" id="roastershift" runat="server">
         <div class="row dash-pane2">

         <div class="card">
                <div class="card-header card-header-warning">
                  <h4 class="card-title"><i class="fa fa-edit fa-fw"></i><asp:Label ID="lblRoasterShift" runat="server" Text="Roaster Shift"></asp:Label></h4>
                </div>
                <div class="card-body table-responsive">
                <div class="row breadcrumb" style="margin-top:-15px;">
                <b>
                 <asp:Label ID="lblRosterShiftDetails" runat="server" Text="Roster Shift Details"></asp:Label></b>
                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:Label ID="lblshiftorder" runat="server"></asp:Label>
                </div>
                <div class="row" style="margin-top:-15px;">

                <div class="col-lg-2">
                              <asp:Label ID="Label18" runat="server" Text="Shift Pattern"></asp:Label>
                              <asp:Label ID="Label45" runat="server" ForeColor="#FF3300" 
                style="font-weight: 700" Text="*"></asp:Label>
                <asp:DropDownList ID="cboAddpatern" runat="server"  TabIndex="14"  class="form-control"
                    />
                    <%-- <asp:Button ID="btnadd" runat="server"
                    OnClick="btnadd_Click" onclientclick="return validate()" Text="Add" 
                   />--%>
                
                              </div>
                              <div class="col-lg-2">
                         <asp:Label ID="Label19" runat="server" Text="Remove Pattern" Width="124px"></asp:Label>
                         <asp:Label ID="Label1" runat="server" Text="Shift Order" Width="191px" Visible="False"></asp:Label>
                   
                         
           
        <%--    <asp:Label ID="Label20" runat="server" Text="Shift Order" Width="191px"></asp:Label>--%>
            <asp:DropDownList ID="cboRemovepat" runat="server"  TabIndex="15" class="form-control" >
                    </asp:DropDownList>
                    
              
                              </div>
                              <div class="col-lg-2">
                              <asp:Label ID="lbldays0" runat="server" Text="Start Date"></asp:Label>
                               <asp:TextBox ID="TxtDate" runat="server" 
                              onKeyPress="return numberOnlyExample();" class="form-control"></asp:TextBox>

                               <asp:Panel ID="Panel6" runat="server" Visible="false">
                            <rhp:DatePicker ID="TxtDate1" runat="server" DatePersian="" CalendarType="Persian"  
        BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" ShowWeekNumbers="True" 
        FirstDayOfWeek="Monday" ShowOthers="True" ></rhp:DatePicker>
                            </asp:Panel>

                                <cc1:CalendarExtender ID="cal1" runat="server" TargetControlID="TxtDate" Format="dd/MM/yyyy"  />
                              </div>
                            <div class="col-lg-2" style="margin-top:10px;">
                               <asp:Button ID="btnadd" runat="server" Text="Add"  OnClick="btnadd_Click" onclientclick="return validate()"
        type="button" class="btn btn-success " /><i class="fa fa-plus;"></i>&nbsp;
              <asp:Button ID="btnremove" runat="server" type="Button" Text="Remove" onclick="btnremove_Click" 
           class="btn btn-danger"
           /><i  class="fa fa-trash-o;"></i>
                            </div>
                        <div class="col-lg-2" style="margin-top:22px;">
                        <ul class="list-inline">
                        <li class="grid-lable1">
                         <asp:RadioButton ID="RdDaily" runat="server" GroupName="ds" Text="" 
                        AutoPostBack="True" oncheckedchanged="RdDaily_CheckedChanged" 
                        Checked="True" /> <asp:Label ID="lblDaily" runat="server" Text="Daily"></asp:Label>
                        </li>
                        <li class="grid-lable1">
                        <asp:RadioButton ID="RdWeekly" runat="server" GroupName="ds" 
                        Text="" AutoPostBack="True" 
                        oncheckedchanged="RdWeekly_CheckedChanged" /><asp:Label ID="lblWeekly" runat="server" Text="Weekly"></asp:Label>
                        </li>
                        
                        </ul>
                        
                        </div>
                    <div class="col-lg-2" style="margin-top:22px;">
                    <ul class="list-inline">
                       <li class="grid-lable1">
                        <asp:RadioButton ID="RdBreakMonthly" runat="server" GroupName="ds" 
                        Text="" AutoPostBack="True" 
                        oncheckedchanged="RdBreakMonthly_CheckedChanged" /><asp:Label ID="lblBreakMonth" runat="server" Text="Break Month"></asp:Label>
                        </li>
                        <li class="grid-lable1">
                          <asp:RadioButton ID="RdMonthly" runat="server" GroupName="ds" 
        Text="" AutoPostBack="True" 
        oncheckedchanged="RdMonthly_CheckedChanged" /><asp:Label ID="lblMonthly" runat="server" Text="Monthly"></asp:Label>                        
                        </li>
                        </ul>
                    </div>
                </div>
           
                <div class="row" style="margin-top:0px;">

                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
   
    <ContentTemplate>
    </div>


							  <div class="row" style="margin-left:10px; margin-right:10px; width:100%">
                           <ul class="list-inline" style="width:100%; display:contents">
                           <li style="width:17.5%; margin-left:15px;">
                           <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                  <asp:RadioButton ID="SelectAllCommany" runat="server" Checked="True" 
                GroupName="Cmpny" Text="" AutoPostBack="True" 
                oncheckedchanged="SelectAllCommany_CheckedChanged" /><asp:Label ID="lblAllCompany" runat="server" Text="All Company"></asp:Label><br />
                <asp:RadioButton ID="FewCompany" runat="server" GroupName="Cmpny" 
                    Text="" oncheckedchanged="FewCompany_CheckedChanged"  /><asp:Label ID="lblFewCompany" runat="server" Text="Few Company"></asp:Label><br />
                     <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox1_CheckedChanged" 
                    Text="" /><asp:Label ID="lblcompanySelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                           
                           </div>
							  <div class="grid-lable">

                    <asp:CheckBoxList ID="chkcompanylist" runat="server" AutoPostBack="True"  Font-Size="12px"
                                         
                                          onselectedindexchanged="chkcompanylist_SelectedIndexChanged">
                                      </asp:CheckBoxList>
							  </div>                           
                           </li>
                           <li style="width:17.5%; margin-left:27px;">
                           <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                 <asp:RadioButton ID="Allshift" runat="server" GroupName="shift1" 
                     Text=""  Checked="True" AutoPostBack="True" 
                     oncheckedchanged="Allshift_CheckedChanged" /><asp:Label ID="lblAllBranch" runat="server" Text="All  Branch"></asp:Label><br />
                     <asp:RadioButton ID="Allshift1" runat="server" GroupName="shift1" 
                    
                    Text=""  AutoPostBack="True" oncheckedchanged="Allshift1_CheckedChanged" /><asp:Label ID="lblFewBranch" runat="server" Text="Few Branch"></asp:Label><br />
                    <asp:CheckBox ID="CheckBox2" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox2_CheckedChanged" 
                    Text="" /><asp:Label ID="lblbranchSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                           
                           </div>
							   <div class="grid-lable">

                    <asp:CheckBoxList ID="Chkshiftlist" runat="server" AutoPostBack="True" Font-Size="12px"
                                          
                                            onselectedindexchanged="Chkshiftlist_SelectedIndexChanged">
                                        </asp:CheckBoxList><br />
                                         
							  </div>                           
                           </li>
                           <li style="width:17.5%; margin-left:27px;">
                            <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                              <asp:RadioButton ID="AllDesignation" runat="server" Checked="True" GroupName="Dept" 
                Text="" oncheckedchanged="AllDesignation_CheckedChanged" /><asp:Label ID="lblAllDepartment" runat="server" Text="All Department"></asp:Label><br />
                 <asp:RadioButton ID="optfewDesignation" runat="server"  
                    GroupName="Dept" Text=""  
                    oncheckedchanged="optfewdept_CheckedChanged" /><asp:Label ID="lblFewDepartment" runat="server" Text="Few Department"></asp:Label><br />
                    <asp:CheckBox ID="CheckBox3" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox3_CheckedChanged" 
                    Text="" /> <asp:Label ID="lbldeptSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                            
                            </div>
							 <div class="grid-lable">
 
                    
                     <asp:CheckBoxList ID="chkdepartmentlist" runat="server" AutoPostBack="True"  Font-Size="12px" onselectedindexchanged="chkdepartmentlist_SelectedIndexChanged" ClientIDMode="Static">
                                      </asp:CheckBoxList>

                                     

							  </div>                           
                           </li>
                           <li style="width:17.5%; margin-left:27px;">
                           <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                               <asp:RadioButton ID="RadioButton1" runat="server" Checked="True" GroupName="Desig" 
                Text="" oncheckedchanged="RadioButton1_CheckedChanged"
                 /><asp:Label ID="lblAllDesignation" runat="server" Text="All  Designation"></asp:Label><br />
                 <asp:RadioButton ID="optFewEmployee0" runat="server" AutoPostBack="True" 
                        GroupName="Desig" oncheckedchanged="optAllemployee_CheckedChanged" 
                        Text=""  /><asp:Label ID="lblFewDesignation" runat="server" Text="Few Designation"></asp:Label><br />
                        <asp:CheckBox ID="CheckBox4" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox4_CheckedChanged" 
                    Text="" /> <asp:Label ID="lblDesignationSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                           
                           </div>
							<div class="grid-lable">
 
                         <asp:CheckBoxList ID="ChkDesignationList" runat="server" AutoPostBack="True"  Font-Size="12px"
                                           onselectedindexchanged="ChkDesignationList_SelectedIndexChanged">
                                       </asp:CheckBoxList>
							  </div>                           
                           </li>
                           <li style="width:17.5%; margin-left:27px;">
                            <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                 <asp:RadioButton ID="optAllemployee" runat="server" AutoPostBack="True" 
                    Checked="True" GroupName="Emp" 
                    oncheckedchanged="optAllemployee_CheckedChanged" Text="" 
                    /><asp:Label ID="lblAllemployee" runat="server" Text="All  employee"></asp:Label><br />
                    <asp:RadioButton ID="optFewEmployee" runat="server" AutoPostBack="True" 
                        GroupName="Emp" 
                        Text="" 
                        oncheckedchanged="optFewEmployee_CheckedChanged" /><asp:Label ID="lblFewEmployee" runat="server" Text="Few Employee"></asp:Label><br />
                        <asp:CheckBox ID="CheckBox5" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox5_CheckedChanged" 
                    Text="" /> <asp:Label ID="lblewEmployeeSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>
                                             
                            </div>
 							   <div class="grid-lable">
                      <asp:TextBox runat="server" ID="inputSearch" ClientIDMode="Static"  Height="21px" placeholder="Search employee" CssClass="form-control"/>   
                         <asp:CheckBoxList ID="chkemployeelist" runat="server"  onselectedindexchanged="chkemployeelist_SelectedIndexChanged" Font-Size="12px" ClientIDMode="Static" >
                                      </asp:CheckBoxList>

                    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
                            
                     <script type="text/javascript">

                         $(document).ready(function () {
                             $("#inputSearch").on("keyup", function () {
                                 var value = $(this).val().toLowerCase();
                                 $("#chkemployeelist tr").filter(function () {
                                     $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
                                 });
                             });
                         });
                         window.onload = function () {
                             var tmr = false;
                             var labels = document.getElementById('chkemployeelist').getElementsByTagName('label');
                             var func = function () {
                                 if (tmr)
                                     clearTimeout(tmr);
                                 tmr = setTimeout(function () {
                                     var regx = new RegExp(document.getElementById('inputSearch').value);


                                     for (var i = 0, size = labels.length; i < size; i++)
                                         if (document.getElementById('inputSearch').value.length > 0) {
                                             if (labels[i].textContent.match(regx)) setItemVisibility(i, true);
                                             else setItemVisibility(i, false);
                                         }
                                         else
                                             setItemVisibility(i, true);
                                 }, 500);

                                 function setItemVisibility(position, visible) {
                                     if (visible) {
                                         labels[position].style.display = '';
                                         labels[position].previousSibling.style.display = '';
                                         if (labels[position].nextSibling != null)
                                             labels[position].nextSibling.style.display = '';
                                     }
                                     else {
                                         labels[position].style.display = 'none';
                                         labels[position].previousSibling.style.display = 'none';
                                         if (labels[position].nextSibling != null)
                                             labels[position].nextSibling.style.display = 'none';

                                     }
                                 }
                             }

                             if (document.attachEvent) document.getElementById('inputSearch').attachEvent('onkeypress', func);  // IE compatibility
                             else document.getElementById('inputSearch').addEventListener('keydown', func, false); // other browsers
                         };
  </script>
                    
                    </div>                          
                           </li>
                           </ul>

                  
                              </div>
                            

                  </ContentTemplate>

   </asp:UpdatePanel> 
                
                </div>
                <div class="row" style="margin-left:auto; margin-right:auto; display:table; margin-top:10px; margin-bottom:20px;">
                     <asp:Button ID="cmdShowReport" runat="server" Text="Save"  OnClick="cmdShowReport_Click" onclientclick="return validate()"
        type="button" class="btn btn-success " /><i class="fa fa-plus;"></i>&nbsp;&nbsp;
        <asp:Button ID="btnClose" runat="server" type="button" Text="Close" onclick="btnClose_Click" 
           class="btn btn-danger"
           /><i  class="fa fa-trash-o;"></i>
                </div>
        
                </div>
              </div>
 


 </div>
  </div>
   </div>
    </div>
       <script src="js/jquery-1.8.3.min.js"
       type="text/javascript"></script>   
</asp:Content>


